Scalable Vector Graphics

Scalable Vector Graphics
SVG-logo.svg
SVG.svg
Filename extension .svg, .svgz
Internet media type image/svg+xml[1][2]
Developed by World Wide Web Consortium
Initial release 4 September 2001 (2001-09-04)
Latest release Tiny 1.2 / 22 December 2008; 2 years ago (2008-12-22)
Type of format vector image format
Extended from XML
Open format? Yes
Website w3.org/Graphics/SVG/
Scalable Vector Graphics
  • SXBL
  • SVG Working Group
  • SVG filter effects
  • Precision Graphics Markup Language
  • Vector Markup Language
  • XHTML+MathML+SVG
  • SVG animation
  • Comparison of layout engines (SVG)
This image illustrates the difference between bitmap and vector images. The bitmap image is composed of a fixed set of dots, while the vector image is composed of a fixed set of shapes. In the picture, scaling the bitmap reveals the dots and scaling the vector image preserves the shapes.

Scalable Vector Graphics (SVG) is a family of specifications of an XML-based file format for describing two-dimensional vector graphics, both static and dynamic (i.e. interactive or animated).

The SVG specification is an open standard that has been under development by the World Wide Web Consortium (W3C) since 1999.

SVG images and their behaviors are defined in XML text files. This means that they can be searched, indexed, scripted and, if required, compressed. Since they are XML files, SVG images can be created and edited with any text editor, but specialized SVG-based drawing programs are also available.

All major modern web browsers except Microsoft Internet Explorer (IE), support and render SVG markup directly.[3] The next major version of IE, Internet Explorer 9, will do so.[4]

Contents

Overview

SVG has been in development since 1999 by a group of companies within the W3C after the competing standards Precision Graphics Markup Language (PGML) – developed from Adobe's PostScript – and Vector Markup Language (VML) – developed from Microsoft's RTF – were submitted to W3C in 1998. SVG drew on experience from the designs of both those formats.

SVG allows three types of graphic objects:

Graphical objects, including PNG and JPEG raster images, can be grouped, styled, transformed, and composited into previously rendered objects. SVG does not directly support z-indices[5] that separate drawing order from document order for overlapping objects, unlike some other vector markup languages like VML. Text can be in any XML namespace suitable to the application, which enhances search ability and accessibility of the SVG graphics. The feature set includes nested transformations, clipping paths, alpha masks, filter effects, template objects and extensibility.

Since 2001, the SVG specification has been updated to version 1.1 (current Recommendation) and 1.2 (still a Working Draft). The SVG Mobile Recommendation introduced two simplified profiles of SVG 1.1, SVG Basic and SVG Tiny, meant for devices with reduced computational and display capabilities. SVG Tiny later became an autonomous Recommendation (current version 1.2) and the basis for SVG 1.2. In addition to these variants and profiles, the SVG Print specification (still a Working Draft) contains guidelines for printable SVG 1.2 and SVG Tiny 1.2 documents.

The Canvas element in HTML5 provides an approach to rendering dynamic graphics in HTML that's procedural rather than declarative: instead of specifying the shapes to draw in XML, the author executes drawing commands from a script. Canvas doesn't allow for static rendering, and drawn elements are not identifiable in a DOM-like way.

Printing

Though the SVG Specification primarily focuses on vector graphics markup language, its design includes the basic capabilities of a page description language (PDL), like Adobe's PDF. It contains provisions for rich graphics, and is also compatible with CSS for styling purposes. It is unlike XHTML, whose primary purpose is communication of content, not presentation, and therefore specifies objects to be displayed but not where to place such objects. Conversely SVG is an ideal PDL for print-oriented uses, as it contains all the functionality required to place each glyph and image in a chosen location on the final page.[6] A much more print-specialized subset of SVG (SVG Print, authored by Canon, HP, Adobe and Corel) is currently a W3C Working Draft.[7]

Scripting and animation

SVG drawings can be dynamic and interactive. Time-based modifications to the elements can be described in SMIL, or can be programmed in a scripting language (e.g., ECMAScript or JavaScript). The W3C explicitly recommends SMIL as the standard for animation in SVG.[8] A rich set of event handlers such as onmouseover and onclick can be assigned to any SVG graphical object.

Compression

SVG images, being XML, contain many repeated fragments of text and are thus particularly suited to compression by gzip, though other compression methods may be used effectively. Once an SVG image has been compressed it may be referred to as an "SVGZ" image, with the corresponding filename extension. The resulting file may be as small as 20% of the original size.[9]

Development history

SVG was developed by the W3C SVG Working Group starting in 1998, after Macromedia and Microsoft introduced VML whereas Adobe Systems and Sun Microsystems submitted a competing format known as PGML. The working group was chaired by Chris Lilley of the W3C.

The MPEG-4 Part 20 standard - Lightweight Application Scene Representation (LASeR) and Simple Aggregation Format (SAF) is based on SVG Tiny.[15] It was developed by MPEG (ISO/IEC JTC1/SC29/WG11) and published as ISO/IEC 14496-20:2006.[16] SVG capabilities are enhanced in MPEG-4 Part 20 with key features for mobile services, such as dynamic updates, binary encoding, state-of-art font representation.[17] SVG was also accommodated in MPEG-4 Part 11, in the Extensible MPEG-4 Textual (XMT) format - a textual representation of the MPEG-4 multimedia content using XML.[18]

Mobile profiles

Because of industry demand, two mobile profiles were introduced with SVG 1.1: SVG Tiny (SVGT) and SVG Basic (SVGB). These are subsets of the full SVG standard, mainly intended for user agents with limited capabilities. In particular, SVG Tiny was defined for highly restricted mobile devices such as cellphones, and SVG Basic was defined for higher-level mobile devices, such as PDAs.

In 2003, the 3GPP adopted SVG Tiny as the mandatory vector graphics media format for next-generation phones. SVGT is the required vector graphics format and support of SVGB is optional for Multimedia Messaging Service (MMS) and Packet Switch Stream (PSS).[19][20][21] It was later added as required format for vector graphics in 3GPP IP Multimedia Subsystem (IMS).[22] Neither mobile profile includes support for the full DOM, while only SVG Basic has optional support for scripting, but because they are fully compatible subsets of the full standard most SVG graphics can still be rendered by devices which only support the mobile profiles.[23]

SVGT 1.2 adds a microDOM (μDOM), allowing all mobile needs to be met with a single profile.

Functionality

The SVG 1.1 specification defines 14 important functional areas or feature sets:[11]

Paths
Simple or compound shape outlines drawn with curved or straight lines can be filled in or outlined (or used as a clipping path) and are expressed in a highly compact coding in which, for example, M (from 'move to') precedes the initial numeric X and Y coordinates and L (line to) will precede a subsequent point to which a line should be drawn. Further command letters (C, S, Q, T and A) precede data that is used to draw various Bézier and elliptical curves. Z is used to close a path. In all cases, absolute coordinates follow capital letter commands and relative coordinates are used after the equivalent lower-case letters.[24]
Basic Shapes
Straight-line paths or paths made up of a series of connected straight-line segments (polylines), as well as closed polygons, circles and ellipses can be drawn. Rectangles and round-cornered "rectangles" are other standard elements.[25]
Text
Unicode character text included in an SVG file is expressed as XML character data. Many visual effects are possible, and the SVG specification automatically handles bidirectional text (as when composing a combination of English and Arabic text, for example), vertical text (as Chinese was historically written) and characters along a curved path (such as the text around the edges of the Great Seal of the United States).[26]
Painting
SVG shapes can be filled and/or outlined (painted with a color, a gradient or a pattern). Fills can be opaque or have various degrees of transparency. "Markers" are end-of-line features, such as arrowheads, or symbols which can appear at the vertices of a polygon.[27]
Color
Colors can be applied to all visible SVG elements, either directly or via the 'fill', 'stroke' and other properties. Colors are specified in the same way as in CSS2, i.e. using names like black or blue, in hexadecimal such as #2f0 or #22ff00, in decimal like rgb(255,255,127) or as percentages of the form rgb(100%,100%,50%).[28]
Gradients and Patterns
SVG shapes can be filled or outlined with solid colors as above, or with color gradients or with repeating patterns. Color gradients can be linear or radial (circular), and can involve any number of colors as well as repeats. Opacity gradients can also be specified. Patterns are based on predefined raster or vector graphic objects, which can be repeated in x and/or y directions. Gradients and patterns can be animated and scripted.[29]
Since 2008, there has been discussion[30][31] among professional users of SVG that either gradient meshes or preferably diffusion curves could usefully be added to the SVG specification. It is said that a "simple representation [using diffusion curves] is capable of representing even very subtle shading effects"[32] and that "Diffusion curve images are comparable both in quality and coding efficiency with gradient meshes, but are simpler to create (according to several artists who have used both tools), and can be captured from bitmaps fully automatically."[33]
Clipping, Masking and Compositing
Graphic elements, including text, paths, basic shapes and combinations of these, can be used as outlines to define both 'inside' and 'outside' regions that can be painted (with colors, gradients and patterns) independently. Fully opaque clipping paths and semi-transparent masks are composited together to calculate the color and opacity of every pixel of the final image, using simple alpha blending.[34]
Filter Effects[35]
Interactivity
SVG images can interact with users in many ways. In addition to hyperlinks as mentioned below, any part of an SVG image can be made to trigger events representing changes in focus, mouse clicks, scrolling or zooming the image and other pointer, keyboard and document events. Event handlers may start, stop or alter animations and trigger any other scripts in response to these events.[36]
Linking
SVG images can contain hyperlinks to other documents, using XLink. URLs of SVG images can specify geometrical transforms in the fragment section.[37]
Scripting
All aspects of an SVG document can be accessed and manipulated using scripts in a similar way to HTML. The default scripting language is ECMAScript (closely related to JavaScript) and there are defined Document Object Model (DOM) objects for every SVG element and attribute. Scripts are enclosed in <script> elements. They can run in response to pointer events, keyboard events and document events as required.[38]
Animation
SVG content can be animated using the built-in animation elements such as <animate>, <animateMotion> and <animateColor>. Animation is also possible by manipulating the DOM using ECMAScript, using the scripting language's built-in timers. SVG animation has been designed to be compatible with current and future versions of Synchronized Multimedia Integration Language (SMIL). Animations can be continuous, they can loop and repeat and they can respond to user events, as mentioned above.[39]
Fonts
As with HTML and CSS, text in SVG may reference external font files, such as system fonts. If the required font files do not exist on the machine where the SVG file is rendered, the text may not appear as intended. To overcome this limitation, text can be displayed in an 'SVG font', where the required glyphs are defined in SVG as a font that is then referenced from the <text> element.[40]
Metadata
In accord with the W3C's Semantic Web initiative, SVG allows authors to provide metadata about SVG images. The main facility is the <metadata> element, where the document can be described using Dublin Core metadata properties (e.g., title, creator/author, subject, description, etc). Other metadata schemas may also be used. In addition, SVG defines <title> and <desc> elements where authors can provide further plain-text descriptive material within an SVG image to help indexing, searching and retrieval by a number of means.[41]

SVG on the web

Google announced on 31 August 2010 that it had begun to index SVG content on the web, whether it is in standalone files or embedded in HTML. They said that Google search users will start to see such content listed among their search results.[42]

Support for SVG in web browsers

The usage share of web browsers.
Source: Median values from world wide summary table.      Internet Explorer (52.33%; Usage by version number)      Mozilla Firefox (26.34%; Usage by version number)      Google Chrome (11.04%)      Safari (5.03%)      Opera (2.54%)      Mobile browsers (3.49%)

The use of SVG on the web is still limited by the lack of support in Internet Explorer which (as of May 2010) is the most widely-used browser. The most widely deployed version of IE (version 8) does not support SVGs [43][44] however, Microsoft has announced that IE9 will support SVG.[45] Many web sites that serve SVG images, such as Wikipedia, also provide the images in a raster format, either automatically by HTTP content negotiation or by allowing the user directly to choose the file.

Native support

As of 2009, all major desktop browsers, and many minor browsers, have some level of SVG support, except for Internet Explorer. Other browsers' implementations are not yet complete; see Comparison of layout engines for further details. As of 2010, only Opera, Safari and Google Chrome supported embedding via the <img> HTML element. Mozilla Firefox and some other browsers that can display SVG graphics currently need them embedded in <object> or <iframe> elements to display them integrated as parts of an HTML webpage.[46] However, SVG images may be included in XHTML pages using XML namespaces.[47]

Tim Berners-Lee, the inventor of the Web, has been critical of Internet Explorer for its failure to support SVG.[48] All currently supported graphical browsers on Linux systems and the Macintosh have implemented some level of SVG support.

There are several advantages to native and full support: plugins are not needed, SVG can be freely mixed with other content in a single document, and rendering and scripting become considerably more reliable.

SVG and Microsoft Internet Explorer

As of April 2010, Internet Explorer, up to and including IE8, the latest release, is the only current major browser not to provide native SVG support, although native support is expected in Internet Explorer 9.[53] Current IE versions requires a plug-in to render SVG content. There are a number of plug-ins available to assist including:

Ample SDK Open-Source JavaScript GUI Framework provides partial support for SVG 1.1, SMIL, DOM and style scripting in Internet Explorer (5.5 - 8.0) too. It is not dependent on any plugins and relies on presence of alternative Vector Graphics format VML in Internet Explorer.

SVG Web[61] is a JavaScript library for Web developers, targeted at Internet Explorer and dependent on the presence of an installed Adobe Flash plugin on the client machine. SVG Web provides partial support for SVG 1.1, SVG Animation (SMIL), Fonts, Video and Audio, DOM and style scripting.[62]

On January 5, 2010, a senior manager of the Internet Explorer team at Microsoft announced on his official blog that Microsoft had just requested to join the SVG Working Group of the W3C in order to "take part in ensuring future versions of the SVG spec will meet the needs of developers and end users," although no plans for SVG support in Internet Explorer were mentioned at that time.[63] During Microsoft's MIX 2010 developer conference, it was announced that IE9 would support SVG 1.1.[64]

Software and support in applications

Images can be rasterised using a library such as ImageMagick, which provides a quick but incomplete implementation of SVG, or Batik, which implements nearly all of SVG 1.1 and much of SVG Tiny 1.2 but requires the Java Runtime Environment.

Mobile support

The most popular implementations for mobile phones are by Ikivo and Bitflash, while for PDAs, Bitflash and Intesis have implementations. Adobe Flash Lite has optionally supported SVG Tiny since version 1.1. At the SVG Open 2005 conference, Sun demonstrated a mobile implementation of SVG Tiny 1.1 for the Connected Limited Device Configuration (CLDC) platform.[76]

Mobile SVG players from Ikivo and BitFlash come pre-installed, i.e., the manufacturers burn the SVG player code into their mobiles before shipping to the customers. Mobiles can also include full web browsers (such as Opera Mobile and the iPhone's Safari) that include SVG support.

The level of SVG Tiny support available varies from mobile to mobile, depending on the SVG engine installed. Many newer mobile products support additional features beyond SVG Tiny 1.1, like gradient and opacity; this standard is often referred as SVGT 1.1+. The iPhone, for example, supports declarative animation but not interactivity.

Nokia's S60 platform has built-in support for SVG. For example, icons are generally rendered using the platform's SVG engine. Nokia has also led the JSR 226: Scalable 2D Vector Graphics API expert group which defines Java ME API for SVG presentation and manipulation. This API has been implemented in S60 Platform 3rd Edition Feature Pack 1 onward.[77] Some Series 40 phones also support SVG (such as Nokia 6280).

Most Sony Ericsson phones beginning with K700 (by release date) support SVG Tiny 1.1. Phones beginning with K750 also support such features as opacity and gradients. Phones with Sony Ericsson Java Platform-8 have support for JSR 226.

SVG is also supported on various mobile devices from Motorola, Samsung, LG, and Siemens mobile/BenQ-Siemens.

Hardware rendering

Implementations of SVG that uses the OpenVG API will be hardware accelerated on devices which have hardware acceleration of OpenVG. Examples include Unix-like operating systems with Gallium3D based graphics drivers and several GPUs intended for handheld devices (see OpenVG).

See also
  • List of vector graphics markup languages
  • Raster to vector
  • SVG animation
  • SVG's XML Binding Language
  • Vector Markup Language

References

  1. ↑ "M Media Type registration for image/svg+xml". World Wide Web Consortium. 22 December 2008. http://www.w3.org/TR/SVGMobile12/mimereg.html. Retrieved 29 August 2010. 
  2. ↑ "XML Media Types, RFC 3023". Internet Engineering Task Force. January 2001. p. 24. http://tools.ietf.org/html/rfc3023#page-24. Retrieved 29 August 2010. 
  3. ↑ Svensson, Peter (10 September 2008). "Creator of Web spots a flaw in Internet Explorer". MSNBC. Microsoft. http://www.msnbc.msn.com/id/26646919/. Retrieved 29 August 2010. 
  4. ↑ Hachamovitch, Dean (16 March 2010). "HTML5, Hardware Accelerated: First IE9 Platform Preview Available for Developers". Microsoft Developer Network. Microsoft. http://blogs.msdn.com/ie/archive/2010/03/16/html5-hardware-accelerated-first-ie9-platform-preview-available-for-developers.aspx. Retrieved 29 August 2010. 
  5. ↑ "Scalable Vector Graphics (SVG) 1.2 W3C Working Draft § 4.2-Drawing Order". World Wide Web Consortium. 15 November 2002. http://www.w3.org/TR/2002/WD-SVG12-20021115/#drawingorder. Retrieved 29 August 2010. 
  6. ↑ Alex, Danilo; Fujisawa, Jun (2002). "SVG as a Page Description LanguageSVG as a Page Description Language". SVG Open. http://www.svgopen.org/2002/papers/danilo_fujisawa__svg_as_page_description_language/index.html. Retrieved 24 February 2010. 
  7. ↑ Alex, Danilo; Craig Northway, Andrew Shellshear, Anthony Grasso, Chris Lilley (21 December 2007). "SVG Print 1.2, Part 2: Language". World Wide Web Consortium. http://www.w3.org/TR/SVGPrint/. Retrieved 24 February 2010. 
  8. ↑ Paul, Festa (9 January 2003). "W3C releases scripting standard, caveat". CNet. http://news.cnet.com/2100-1023-979976.html. Retrieved 24 February 2010. 
  9. ↑ "Saving compressed SVG (SVGZ)". SVG Zone. Adobe Systems. 14 July 2009. http://www.adobe.com/svg/illustrator/compressedsvg.html. Retrieved 24 February 2010. 
  10. ↑ Ferraiolo, Jon; John Bowler, Craig Brown, Milt Capsimalis, Richard Cohn, Lee Cole, Thomas E Deweese, David Dodds, Andrew Donoho, David Duce, Jerry Evans, Jon Ferraiolo, Jun Fujisawa, Scott Furman, Brent Getlin, Peter Graffagnino, Rick Graham, Vincent Hardy, Lofton Henderson, Jan Christian Herlitz, Alan Hester, Bob Hopgood, Dean Jackson, Christophe Jolif, elvin Lawrence, Håkon Lie, Chris Lilley, Philip Mansfield, Kevin McCluskey, Tuan Nguyen, Troy Sandal, Peter Santangeli, Haroon Sheikh, Gavriel State, Robert Stevahn, Timothy Thompson, Rick Yardumian, Shenxue Zhou (4 September 2001). "Scalable Vector Graphics (SVG) 1.0 Specification". World Wide Web Consortium. http://www.w3.org/TR/SVG10/. Retrieved 24 February 2010. 
  11. ↑ 11.0 11.1 Ferraiolo, Jon; Ola Andersson, Phil Armstrong, Henric Axelsson, Robin Berjon, Benoît Bézaire, John Bowler, Craig Brown, Mike Bultrowicz, Tolga Capin, Milt Capsimalis, Mathias Larsson Carlander, Jakob Cederquist, Charilaos Christopoulos, Richard Cohn, Lee Cole, Don Cone, Alex Danilo, Thomas DeWeese, David Dodds, Andrew Donoho, David Duce, Jerry Evans, Darryl Fuller, 藤沢 淳 (FUJISAWA Jun), Scott Furman, Brent Getlin, Peter Graffagnino, Rick Graham, Vincent Hardy, 端山 貴也 (HAYAMA Takanari), Lofton Henderson, Jan Christian Herlitz, Alan Hester, Bob Hopgood, 石川 雅康 (ISHIKAWA Masayasu), Dean Jackson, Christophe Jolif, Lee Klosterman, 小林 亜令 (KOBAYASHI Arei), Thierry Kormann, Yuri Khramov, Kelvin Lawrence, Håkon Wium Lie, Chris Lilley, Philip Mansfield, Kevin McCluskey, 水口 充 (MINAKUCHI Mitsuru), Luc Minnebo, Tuan Nguyen, 小野 修一郎 (ONO Shuichiro), Antoine Quint, 相良 毅 (SAGARA Takeshi), Troy Sandal, Peter Santangeli, Haroon Sheikh, Brad Sipes, Peter Sorotokin, Gavriel State, Robert Stevahn, Timothy Thompson, 上田 宏高 (UEDA Hirotaka), Rick Yardumian, Charles Ying, Shenxue Zhou (14 January 2003, edited in place 30 April 2009). "Scalable Vector Graphics (SVG) 1.1 Specification". World Wide Web Consortium. http://www.w3.org/TR/SVG11/. Retrieved 24 February 2010. 
  12. ↑ Capin, Tolga; Ola Andersson, Henric Axelsson, Phil Armstrong, Robin Berjon, Benoît Bézaire, Craig Brown, Mike Bultrowicz, Mathias Larsson, Jakob Cederquist, Charilaos Christopoulos, Lee Cole, Don Cone, Alex Danilo, Thomas DeWeese, Jon Ferraiolo, Darryl Fuller, 藤沢 淳 (FUJISAWA Jun), Rick Graham, Vincent Hardy, 端山 貴也 (HAYAMA Takanari), Lofton Henderson, 石川雅康 (ISHIKAWA Masayasu), Dean Jackson, Christophe Jolif, Lee Klosterman, 小林 亜令 (KOBAYASHI Arei), Thierry Kormann, Yuri Khramov, Chris Lilley, Philip Mansfield, 水口 充 (MINAKUCHI Mitsuru), Luc Minnebo, 小野 修一郎 (ONO Shuichiro), Antoine Quint, 相良 毅 (SAGARA Takeshi), Brad Sipes, Peter Sorotokin, 上田 宏高 (UEDA Hirotaka), Rick Yardumian, Charles Ying (14 January 2003, edited in place 15 June 2009). "Mobile SVG Profiles: SVG Tiny and SVG Basic". World Wide Web Consortium. http://www.w3.org/TR/2003/REC-SVGMobile-20030114/. Retrieved 24 October 2010. 
  13. ↑ Andersson, Ola; Phil Armstrong, Henric Axelsson, Selim Balcısoy, Robin Berjon, Benoît Bézaire, John Bowler, Gordon Bowman, Craig Brown, Mike Bultrowicz, Tolga Çapin, Milt Capsimalis, Mathias Larsson Carlander, Jakob Cederquist, Suresh Chitturi, Charilaos Christopoulos, Richard Cohn, Lee Cole, Cyril Concolato, Don Cone, Erik Dahlström, Alex Danilo, Thomas DeWeese, David Dodds, Andrew Donoho, David Duce, Jean-Claude Dufourd, Andrew Emmons, Jerry Evans, Jon Ferraiolo, 藤沢 淳 (FUJISAWA Jun), Darryl Fuller, Scott Furman, Brent Getlin, Diego Gibellino, Christophe Gillette, Peter Graffagnino, Rick Graham, Anthony Grasso, Niklas Hagelroth, Vincent Hardy, 端山 貴也 (HAYAMA Takanari), Scott Hayman, Stephane Heintz, Lofton Henderson, Jan Christian Herlitz, Ivan Herman, Alan Hester, Olaf Hoffmann, Bob Hopgood, Bin Hu, Michael Ingrassia, 石川 雅康 (ISHIKAWA Masayasu), Dean Jackson, Christophe Jolif, Lee Klosterman, 小林 亜令 (KOBAYASHI Arei), Thierry Kormann, Yuri Khramov, Kelvin Lawrence, Håkon Lie, Chris Lilley, Vincent Mahe, Philip Mansfield, Lee Martineau, Charles McCathieNevile, Kevin McCluskey, Cameron McCormack, 水口 充 (MINAKUCHI Mitsuru), Luc Minnebo, Jean-Claude Moissinac, Tuan Nguyen, Craig Northway, 小野 修一郎 (ONO Shuichiro), Lars Piepel, Antoine Quint, णन्दिनि ऱमनि (Nandini Ramani), Bruno David Simões Rodrigues, 相良 毅 (SAGARA Takeshi), Troy Sandal, Peter Santangeli, Doug Schepers, Sebastian Schnitzenbaumer, Haroon Sheikh, Andrew Shellshear, Brad Sipes, Andrew Sledd, Пётр Соротокин (Peter Sorotokin), Gavriel State, Robert Stevahn, Timothy Thompson, 上田 宏高 (UEDA Hirotaka), Rick Yardumian, Charles Ying, Shenxue Zhou, Atanas Zlatinski (22 December 2008). "Scalable Vector Graphics (SVG) Tiny 1.2 Specification". World Wide Web Consortium. http://www.w3.org/TR/SVGTiny12/. Retrieved 24 February 2010. 
  14. ↑ 14.0 14.1 Dengler, Patrick (8 July 2010). "Getting to SVG 2.0: A report from the SVG Working Group Face-to-Face (May 24th – June 1st 2010)". Microsoft Developer Network. Microsoft. http://blogs.msdn.com/b/ie/archive/2010/06/08/getting-to-svg-2-0-a-report-from-the-svg-working-group-face-to-face-may-24th-june-1st-2010.aspx. Retrieved 26 August 2010. 
  15. ↑ Concolato, Cyril (July 2005). "MPEG-4 LASeR white paper". International Organization for Standardization. http://mpeg.chiariglione.org/technologies/mpeg-4/mp04-lsr/index.htm. Retrieved 29 August 2010. 
  16. ↑ "ISO/IEC 14496-20:2008 - Information technology -- Coding of audio-visual objects -- Part 20: Lightweight Application Scene Representation (LASeR) and Simple Aggregation Format (SAF)". International Organization for Standardization. http://www.iso.org/iso/iso_catalogue/catalogue_ics/catalogue_detail_ics.htm?csnumber=52454. Retrieved 2009-10-30. 
  17. ↑ "LASeR - the MPEG standard for Rich Media Services" (PDF). http://www.mpeg-laser.org/documents/LASeRWhitePaper.pdf. Retrieved 11 April 2010. 
  18. ↑ Chiariglione, Leonardo (8 March 2005). "Riding the media bits - Bits and bytes". http://ride.chiariglione.org/bits_and_bytes/bits_and_bytes.htm. Retrieved 30 October 2009. 
  19. ↑ "SVG in 3GPP Multimedia Messaging and Streaming Services (version March 2003)". SVG Open. 2003. http://www.svgopen.org/2003/paperAbstracts/svgmms.htm. Retrieved 2009-10-19. 
  20. ↑ "3GPP Multimedia Messaging Service (MMS); Media formats and codecs (Release 5); 3GPP TS 26.140 V5.2.0 (2002-12); Technical Specification" (zipped doc). 3GPP. 2 January 2003. ftp://ftp.3gpp.org/specs/2003-03/Rel-5/26_series/26140-520.zip. Retrieved 25 February 2010. 
  21. ↑ "3rd Generation Partnership Project; Technical Specification Group Services and System Aspects; Multimedia Messaging Service (MMS); Media formats and codecs (Release 5)" (zipped doc). 3GPP TS 26.140 V5.2.0 (2002-12). 3GPP. March 2003. ftp://ftp.3gpp.org/specs/2003-03/Rel-5/26_series/26234-540.zip. Retrieved 24 February 2010. 
  22. ↑ "3GPP Specification detail - 3GPP TS 26.141: IP Multimedia System (IMS) Messaging and Presence; Media formats and codecs". 3GPP. 10 December 2009. http://www.3gpp.org/ftp/Specs/html-info/26141.htm. Retrieved 24 February 2010. 
  23. ↑ "Listing of phones that support SVG". Svg.org. Archived from the original on 28 July 2008. http://web.archive.org/web/20080728034026/http://svg.org/special/svg_phones. Retrieved 24 October 2010. 
  24. ↑ "SVG specification, "Paths"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/paths.html. Retrieved 2009-10-19. 
  25. ↑ "SVG specification, "Basic Shapes"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/shapes.html. Retrieved 2009-10-19. 
  26. ↑ "SVG specification, "Text"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/text.html. Retrieved 2009-10-19. 
  27. ↑ "SVG specification, "Painting: Filling, Stroking and Marker Symbols"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/painting.html. Retrieved 2009-10-19. 
  28. ↑ "SVG specification, "Color"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/color.html. Retrieved 2009-10-19. 
  29. ↑ "SVG specification, "Gradients and Patterns"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/pservers.html. Retrieved 2009-10-19. 
  30. ↑ "IRC log of svg on 2008-11-17". W3C. 2008. http://www.w3.org/2008/11/17-svg-irc. Retrieved 2009-05-25. "DS: Priorities should be layout, diffusion curves, 2.5D and make sure we work well with CSS on that" 
  31. ↑ "Propositions for the next SVG spec". W3C. 16 March 2009. http://lists.w3.org/Archives/Public/www-svg/2009Mar/0084.html. Retrieved 2009-05-25. "Indeed, we do plan to add new gradient capabilities to SVG in the next version, and we are looking into diffusion curves, which I think will meet your needs ... *Diffusion curves* seems really a great idea." 
  32. ↑ Rusin, Zack (2008). "SVG in KDE: Freedom of Beauty". SVG Open. http://www.svgopen.org/2008/papers/104-SVG_in_KDE/. Retrieved 2009-05-25. 
  33. ↑ Orzan, Alexandrina; Adrien Bousseau, Holger Winnemöller, Pascal Barla, Joëlle Thollot, David Salesin (2008). "Diffusion Curves: A Vector Representation for Smooth-Shaded Images" (PDF). ACM Transactions on Graphics (Proceedings of SIGGRAPH 2008) 27. http://artis.imag.fr/Publications/2008/OBWBTS08/diffusion_curves.pdf. Retrieved 2009-05-25. 
  34. ↑ "SVG specification, "Clipping, Masking and Compositing"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/masking.html. Retrieved 2009-10-19. 
  35. ↑ "SVG specification, "Filter Effects"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/filters.html. Retrieved 2009-10-19. 
  36. ↑ "SVG specification, "Interactivity"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/interact.html. Retrieved 2009-10-19. 
  37. ↑ "SVG specification, "Scripting"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/script.html. Retrieved 2009-10-19. 
  38. ↑ "SVG specification, "Animation"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/animate.html. Retrieved 2009-10-19. 
  39. ↑ "SVG specification, "Fonts"". World Wide Web Consortium. 2003-01-14. http://www.w3.org/TR/SVG11/fonts.html. Retrieved 2009-10-19. 
  40. ↑ "SVG specification, "Metadata"". World Wide Web Consortium. http://www.w3.org/TR/SVG11/metadata.html. Retrieved 2009-10-19. 
  41. ↑ Stanescu, Bogdan; John Sarapata (August 31, 2010). "Google now indexes SVG". Webmaster central blog. Google, Inc. http://googlewebmastercentral.blogspot.com/2010/08/google-now-indexes-svg.html. Retrieved 1 September 2010. 
  42. ↑ "Windows Internet Explorer 8 Expert Zone Chat (19 June 2008)". Microsoft. June 19, 2008. http://www.microsoft.com/windowsxp/expertzone/chats/transcripts/08_0619_ez_ie8.mspx. Retrieved 24 October 2010. 
  43. ↑ Schiller, Jeff (2010-02-13). "SVG Support". http://www.codedread.com/svg-support.php. Retrieved 2010-02-25. 
  44. ↑ "SVG in IE9 Roadmap". IEBlog. Microsoft. March 18, 2010. http://blogs.msdn.com/ie/archive/2010/03/18/svg-in-ie9-roadmap.aspx. Retrieved March 23, 2010. 
  45. ↑ Lusotec (25 February 2009). "SVG image not shown by Firefox". mozilla.dev.tech.svg. Google Groups. http://groups.google.com/group/mozilla.dev.tech.svg/browse_thread/thread/75f14ac7244b0fa5/a6ccf7261c5110b7?lnk=raot. Retrieved 2010-02-25. 
  46. ↑ Brettz9 (25 August 2008). "SVG In HTML Introduction". Mozilla Developer Center. Mozilla. https://developer.mozilla.org/en/SVG_In_HTML_Introduction. Retrieved 2010-02-25. 
  47. ↑ Svensson, Peter (2008-09-10). "Creator of Web spots a flaw in Internet Explorer". Associated Press. MSNBC. http://www.msnbc.msn.com/id/26646919. Retrieved 2010-02-25. 
  48. ↑ "SVG in Firefox". Mozilla Developer Center. Mozilla. 23 October 2009. https://developer.mozilla.org/en/docs/SVG_in_Firefox. Retrieved 2010-02-25. 
  49. ↑ "Mozilla SVG Status". Mozilla. http://www.mozilla.org/projects/svg/status.html. Retrieved 2010-02-25. 
  50. ↑ Mgjbot (2008-01-15). "SVG improvements in Firefox 3". Mozilla Developer Center. Mozilla. https://developer.mozilla.org/en/docs/SVG_improvements_in_Firefox_3. Retrieved 2010-02-25. 
  51. ↑ "WebKit SVG Status". WebKit. Jan 5th, 2010. http://webkit.org/projects/svg/status.xml. Retrieved 2010-02-25. 
  52. ↑ "Microsoft Promises To Continue Improving SVG Support in IE 9". techie-buzz.com. http://techie-buzz.com/browsers/microsoft-support-ie-9.html. Retrieved 2010-07-03. 
  53. ↑ "Renesis Player – Fast, easy and smart". examotion GmbH. http://www.examotion.com/index.php?id=product_player. Retrieved 2009-05-30. 
  54. ↑ "Ssrc SVG: SVG Plugin for Internet Explorer". Savarese Software Research Corporation. http://www.savarese.com/software/svgplugin/. Retrieved 2009-05-30. 
  55. ↑ "Download Batik". Apache Software Foundation. January 9, 2008. http://xmlgraphics.apache.org/batik/download.cgi. Retrieved 2010-02-25. 
  56. ↑ "GPAC Project on Advanced Content". Sourceforge. December 2008. http://gpac.sourceforge.net. Retrieved 2010-02-25. 
  57. ↑ "Adobe SVG Viewer download area". Adobe Systems. http://www.adobe.com/svg/viewer/install/mainframed.html. Retrieved 2009-10-19. 
  58. ↑ "Adobe SVG Viewer End of Life announcement". Adobe Systems. http://www.adobe.com/svg/eol.html. Retrieved 2010-02-25. 
  59. ↑ "Corel SVG Viewer". Corel Corporation. http://www.corel.com/servlet/Satellite?pagename=Corel2/Products/Content&pid=1047023276653&cid=1047023286996. Retrieved 2010-02-25. 
  60. ↑ "svgweb: Scalable Vector Graphics for Web Browsers using Flash". Google Code. http://code.google.com/p/svgweb/. Retrieved 2009-09-25. 
  61. ↑ Clarke, Gavin (3 June 2009). "Google to slip SVG into Internet Explorer". The Register. http://www.theregister.co.uk/2009/06/03/google_svg_internet_explorer/. Retrieved 25 February 2010. 
  62. ↑ Dengler, Patrick (January 5, 2010). "Microsoft Joins W3C SVG Working Group". MSDN. Microsoft. http://blogs.msdn.com/ie/archive/2010/01/05/microsoft-joins-w3c-svg-working-group.aspx. Retrieved 25 February 2010. 
  63. ↑ "Internet Explorer Platform Preview Guide for Developers". Microsoft Developer Network. Microsoft. March 16, 2010. http://msdn.microsoft.com/en-us/ie/ff468705.aspx. Retrieved 17 March 2010. 
  64. ↑ Adobe Systems Incorporated (2003). "PDF Reference fourth edition - Adobe® Portable Document Format Version 1.5" (PDF). http://www.adobe.com/devnet/pdf/pdfs/PDFReference15_v6.pdf. Retrieved 2010-02-23 
  65. ↑ "Ecava IntegraXor". Integraxor.com. http://www.integraxor.com/index.htm?sl=wk. Retrieved 2009-10-19. 
  66. ↑ "SAGE Documentation". Ecava.com. 2009-04-20. http://www.ecava.com/ug.html?sl=wk-sage. Retrieved 2009-10-19. 
  67. ↑ "Discover Go-OO". Go-oo. http://go-oo.org/discover/. Retrieved 2009-10-19. 
  68. ↑ "SVG Import Filter". OpenOffice.org. 19 August 2009. http://wiki.services.openoffice.org/wiki/SVG_Import_Filter. Retrieved 2010-02-25. 
  69. ↑ SpShut (3 February 2010). "Opera SVG Viewer allows to preview and scale all SVG files from a directory using Opera browser rendering engine". Opera Software. http://widgets.opera.com/widget/15172/. Retrieved 2010-03-06. 
  70. ↑ "OxygenOffice Professional - free and multilingual office suite". Sourceforge. http://ooop.wiki.sourceforge.net/. Retrieved 2010-02-25. 
  71. ↑ "PDFTron: PDF components and PDF tools - PDF2SVG". PDFtron.com. http://www.pdftron.com/pdf2svg/index.html. Retrieved 29 August 2010. 
  72. ↑ "ShareCAD.org - Ihre CAD-Dateien ansehen und gemeinsam benutzen!". ShareCAD.org. 2010. http://www.sharecad.org/. Retrieved 29 August 2010. 
  73. ↑ "SVG Pony converter". Mpaja.com. http://mpaja.com/frontpage/SVG_Pony. Retrieved 29 August 2010. 
  74. ↑ "ViewerSvg". www.wpf-graphics.com. 24 October 2010. http://www.wpf-graphics.com/ViewerSvg.aspx. Retrieved 24 October 2010. 
  75. ↑ "SVG Open 2005 Conference and Exhibition - Proceedings - Cartoon Oriented User Interfaces". SVG Open. 205. http://www.svgopen.org/2005/proceedings.html#paper108. Retrieved 29 August 2010. 
  76. ↑ "S60 Product info". S60.com. Archived from the original on 13 October 2007. http://web.archive.org/web/20071013152026/http://www.s60.com/business/productinfo/applicationsandtechnologies/java/supportedfeaturesin3rdedition. Retrieved 2009-10-19. 

External links

World Wide Web Consortium
Products and
standards
Recommendations
Canonical XML · CDF · CSS · DOM · Geolocation API · HTML · MathML · OWL · P3P · PLS · RDF · RDF Schema · SISR · SKOS · SMIL · SOAP · SRGS · SSML · SVG · SPARQL · Timed Text · VoiceXML · WSDL · XForms · XHTML · XHTML+RDFa · XInclude · XLink · XML · XML Base · XML Encryption · XML Events · XML Information Set · XML namespace · XML Schema · XML Signature · XPath 1.0, 2.0 · XPointer · XProc · XQuery · XSL · XSL-FO · XSLT (elements)  · XUP
Notes
XAdES · XHTML+SMIL
Working Drafts
CCXML · CURIE · HTML5 · InkML · RIF · SCXML · SMIL Timesheets · sXBL · WICD · XFDL · XFrames · XBL · XHTML+MathML+SVG · XMLHttpRequest
Guidelines
Web Content Accessibility Guidelines
Initiative
Multimodal Interaction Activity · Markup Validation Service · Web Accessibility Initiative
Deprecated
C-HTML · HDML · JSSS · PGML · VML
Organizations
World Wide Web Foundation · SVG Working Group · WebOnt · W3C Device Description Working Group · WHATWG
Software
Agora · Argo · Arena · Amaya · CERN httpd · Libwww · Line Mode Browser
Conference-related
IW3C2 · World Wide Web Conference · WWW1
Vector graphics markup languages and file formats
By type
2D
Asymptote · CGM · DrawingML · Graphics Layout Engine · MetaPost · PGF/TikZ · PGML · PSTricks · Remote imaging protocol · SVG · SWF · VML · XAML · Xar
3D
.3D · 3DF · 3DMLW · 3DXML · Asymptote · COLLADA · DWF · eDrawings · HSF · IGES · IPA · JT · PRC · STEP · STL · U3D · VRML · X3D · XAML · Xgl · XVL · xVRML
See also
Web3D · Web3D Consortium · Linden Scripting Language
Graphics file formats
Raster formats
ANI · ANIM · APNG · ART · BEF · BMF · BMP · BSAVE · CAL · CGM · CIN · CPC · DPX · ECW · EXR · FITS · FLIC · FPX · GIF · HDRi · ICER · ICNS · ICO · ICS · IGES · ILBM · JBIG · JBIG2 · JNG · JPEG · JPEG 2000 · JPEG-LS · JPEG-HDR · JPEG XR · MNG · MIFF · PBM · PCX · PGF · PGM · PICT · PICtor · Pixel · PNG · PPM · PSP · RAD · RGBE · SGI · TGA · TIFF (Logluv TIFF) · WBMP · WebP · XAR · XBM · XCF · XPM
Raw formats
CIFF · DNG · ORF
Vector formats
AI · CDR · DXF · EVA · EMF · PGML · SVG · VML · WMF
Compound formats
DjVu · EPS · PDF · PostScript · PSD · SWF · XAML
Related
Exchangeable image file format (EXIF) · Extensible Metadata Platform (XMP)
Comparison · Browser support